import { Outlet } from "react-router-dom"
import { Breadcrumb, Layout } from 'antd';
import Nav from "../components/Nav";
import HeaderComponent from "../components/Header";
import FooterComponent from "../components/Footer";
const { Content } = Layout;

export default function Home(){
    return(
        <>
          <Layout style={{ minHeight: '100vh' }}>
            <HeaderComponent/>
            <Layout>
              <Nav/>
              <Layout style={{ padding: '0 24px 24px' }}>
                <Breadcrumb
                  items={[{ title: 'Home' }, { title: 'List' }, { title: 'App' }]}
                  style={{ margin: '16px 0' }}
                />
                <Content style={{ overflow: 'auto' }}>
                  <Outlet/>
                </Content>
              </Layout>
            </Layout>
            <FooterComponent/>
          </Layout>
     </>
    )
}